<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/home.min.css">
</head>

<body>
    <div class="web">
        <!-- 头部 -->
        <header>
            <div class="wrap">
                <!-- help -->
                <ul class="help">
                    <li><a href="##">关于我们</a></li>
                    <li><a href="##">联系我们</a></li>
                    <li><a href="##">中文版</a></li>
                    <li><a href="##">English</a></li>
                    <li><a href="##">微博入口</a></li>
                    <li><a href="##">敦冠影像</a></li>
                </ul>
                <!-- logo和nav -->
                <div class="mod">
                    <!-- logo -->
                    <div class="logo">
                        <img src="./images/public/logo.png" alt="" srcset="">
                    </div>

                    <!-- nav -->
                    <ul class="nav">
                        <li class="active"><a href="##">首页</a></li>
                        <li><a href="##">音响</a></li>
                        <li><a href="##">家庭系统</a></li>
                        <li><a href="##">商业系统</a></li>
                        <li><a href="##">产品与科技</a></li>
                        <li><a href="##">客户服务</a></li>
                        <li><a href="##">工程案例</a></li>
                        <li><a href="##">咨讯</a></li>
                    </ul>
                </div>
            </div>
            <!-- 推荐 -->
            <div class="sub">
                <!-- 推荐 -->
                <div class="rcommd">
                    <p>TOPCRESTA & V SOLUTION THE BEST FOR YOU!</p>
                    <p>只为您提供卓越</p>
                    <div class="btn">
                        <button>点击购买</button>
                        <button>了解更多</button>
                    </div>
                </div>

                <!-- 左边图片 -->
                <div class="left_earphone">
                    <img src="./images/home/left-img.png" alt="" srcset="">
                </div>
            </div>

        </header>

        <!-- 主体内容 -->
        <main>
            <div class="about_right">
                <!-- 关于我们 -->
                <div class="about">
                    <h3>关于我们</h3>
                    <p>
                        敦冠影音，在家庭影院定制设计安装，影院音视频设计领域处于行业领先地位的公司，致力于引进国际先进家庭影院，杜比全景声影院，视听娱乐系统，推广世界知名音响产品，提供智能，舒适，全面，安全的全宅音视频影院集成方案。凭借超过十年的从业经验，已经成为一家集家庭影院音响品牌代理，影音设备供应，影音系统咨询设计，工程安装，
                        项目监理为一体的规模化企业。我司为众多高档别墅，高端会所，星级酒店等场所，从多角度全方面、定制设计出的
                        智能影院音视频系统，获得业界内及客户极高的赞誉。我们专注于为客户提供全方位的,即时的,真诚的售后服务。
                    </p>
                </div>
                <!-- 右边图片 -->
                <div class="right_img">
                    <img src="./images/home/about-img.png" alt="">
                </div>

            </div>

            <!-- 业务 -->
            <div class="service">
                <div class="title">
                    <div class="en">WHAT WE DO</div>
                    <div class="cn">我们能做什么</div>
                </div>
                <div class="service_con">
                    <!-- 免费安装 -->
                    <div class="service_item">
                        <div class="icon icon_user"></div>
                        <h3>免费安装</h3>
                        <p>
                            敦冠影音，在家庭影院定制为用户
                            提供免费安装安装，为您的生
                            活提供便捷方便的服务。
                        </p>
                    </div>
                    <!-- 免费安装 -->
                    <div class="service_item">
                        <div class="icon icon_network"></div>
                        <h3>定制设计</h3>
                        <p>
                            敦冠影音，在家庭影院定制为用户
                            提供免费安装安装，为您的生
                            活提供便捷方便的服务。
                        </p>
                    </div>
                    <!-- 免费安装 -->
                    <div class="service_item">
                        <div class="icon icon_music"></div>
                        <h3>售后保障</h3>
                        <p>
                            敦冠影音，在家庭影院定制为用户
                            提供免费安装安装，为您的生
                            活提供便捷方便的服务。
                        </p>
                    </div>
                </div>
            </div>

            <!-- 最新资讯 -->
            <div class="new">
                <div class="new_title">
                    <span>最新资讯</span>
                    <span>NEW</span>
                </div>
                <div class="new_con">
                    <div class="new_con_item">
                        <div class="left_icon"></div>
                        <div class="right_txt">
                            <span>
                                [音视频工程]敦冠科技独家承建中兴通讯公司
                            </span>
                            <span>[2015-10-12]</span>
                        </div>
                    </div>
                    <div class="new_con_item">
                        <div class="left_icon"></div>
                        <div class="right_txt">
                            <span>
                                [音视频工程]敦冠科技独家承建中兴通讯公司
                                工厂宴会厅音视频系统.
                            </span>
                            <span>[2015-10-12]</span>
                        </div>
                    </div>
                    <div class="new_con_item">
                        <div class="left_icon"></div>
                        <div class="right_txt">
                            <span>
                                [音视频工程]敦冠科技独家承建中兴通讯公司
                                工厂宴会厅音视频系统.
                            </span>
                            <span>[2015-10-12]</span>
                        </div>
                    </div>
                    <div class="new_con_item">
                        <div class="left_icon"></div>
                        <div class="right_txt">
                            <span>
                                [音视频工程]敦冠科技独家承建中兴通讯公司
                                工厂宴会厅音视频系统.
                            </span>
                            <span>[2015-10-12]</span>
                        </div>
                    </div>
                    <div class="new_con_item">
                        <div class="left_icon"></div>
                        <div class="right_txt">
                            <span>
                                [音视频工程]敦冠科技独家承建中兴通讯公司
                                工厂宴会厅音视频系统.
                            </span>
                            <span>[2015-10-12]</span>
                        </div>
                    </div>
                    <div class="new_con_item">
                        <div class="left_icon"></div>
                        <div class="right_txt">
                            <span>
                                [音视频工程]敦冠科技独家承建中兴通讯公司
                                工厂宴会厅音视频系统.
                            </span>
                            <span>[2015-10-12]</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 产品与科技 -->
            <div class="product">
                <div class="product_title">
                    产品与科技
                </div>
                <!-- 轮播 -->
                <div class="swiper">
                    <div class="swiper_img">
                        <img src="./images/home/product-img1.png" alt="">
                        <img class="active" src="./images/home/product-img2.png" alt="">
                        <img src="./images/home/product-img3.png" alt="">
                    </div>
                    <div class="left"></div>
                    <div class="right"></div>
                </div>
            </div>

        </main>

        <!-- 页脚 -->
        <footer>
            <div class="info">
                <div class="info_code">
                    <img src="./images/public/footer-code.png" alt="" srcset="">
                </div>
                <div class="info_tel">
                    <img src="./images/public/tel.png" alt="" srcset="">
                </div>
                <div class="info_form">
                    <div class="tilte">用户反馈:</div>
                    <form action="">
                        <div>
                            <input type="text" placeholder="你的名字">
                            <input type="text" placeholder="你的电子邮箱">
                        </div>
                        <div>
                            <input type="text" placeholder="请输入一个标题">
                        </div>
                        <div class="">
                            <textarea name="" id="" cols="30" rows="10" placeholder="请输入你要留言的内容"></textarea>
                        </div>
                        <div>
                            <button>留言</button>
                        </div>
                    </form>
                </div>
            </div>
            <div class="bottom_banner">
                <div class="bm_company">
                    <span>深圳市敦冠科技有限公司</span>
                    <span>Shenzhen Topcrest Technology Co.,Ltd</span>
                </div>
                <div class="bm_copyright">Shenzhen Topcrest Technology Co.,Ltd .All Rights Reserved / Powered By Ciya
                    Interactive 粤ICP备09077069号-2</div>
                <div class="bm_icon">

                </div>
            </div>


        </footer>
    </div>
</body>

</html>